<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd" >
<body>
<wicket:panel>


    <header class="header navbar navbar-fixed-top" role="banner">
        <div class="container">
            <ul class="nav navbar-nav">
                <li class="nav-toggle"><a href="javascript:void(0);" title=""><i class="icon-reorder"></i></a></li>
            </ul>
            <a class="navbar-brand" href="index.html"> <img src="res/melon/assets/img/logo.png" alt="logo"/> <strong>8</strong>PLAT
            </a> <a href="#" class="toggle-sidebar bs-tooltip" data-placement="bottom"
                    data-original-title="Toggle navigation"> <i class="icon-reorder"></i> </a>
            <ul class="nav navbar-nav navbar-left hidden-xs hidden-sm">
                <li><a href="#"> 首页 </a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> 常用 <i
                        class="icon-caret-down small"></i> </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><i class="icon-user"></i> Example #1</a></li>
                        <li><a href="#"><i class="icon-calendar"></i> Example #2</a></li>
                        <li class="divider"></li>
                        <li><a href="#"><i class="icon-tasks"></i> Example #3</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-warning-sign"></i> <span class="badge">5</span> </a>
                    <ul class="dropdown-menu extended notification">
                        <li class="title"><p>You have 5 new notifications</p></li>
                        <li><a href="javascript:void(0);"> <span class="label label-success"><i
                                class="icon-plus"></i></span> <span class="message">New user registration.</span> <span
                                class="time">1 mins</span> </a></li>
                        <li><a href="javascript:void(0);"> <span class="label label-danger"><i
                                class="icon-warning-sign"></i></span> <span
                                class="message">High CPU load on cluster #2.</span> <span class="time">5 mins</span> </a>
                        </li>
                        <li><a href="javascript:void(0);"> <span class="label label-success"><i
                                class="icon-plus"></i></span> <span class="message">New user registration.</span> <span
                                class="time">10 mins</span> </a></li>
                        <li><a href="javascript:void(0);"> <span class="label label-info"><i
                                class="icon-bullhorn"></i></span> <span class="message">New items are in queue.</span> <span
                                class="time">25 mins</span> </a></li>
                        <li><a href="javascript:void(0);"> <span class="label label-warning"><i
                                class="icon-bolt"></i></span> <span class="message">Disk space to 85% full.</span> <span
                                class="time">55 mins</span> </a></li>
                        <li class="footer"><a href="javascript:void(0);">View all notifications</a></li>
                    </ul>
                </li>
                <li class="dropdown hidden-xs hidden-sm"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-tasks"></i> <span class="badge">7</span> </a>
                    <ul class="dropdown-menu extended notification">
                        <li class="title"><p>You have 7 pending tasks</p></li>
                        <li><a href="javascript:void(0);"> <span class="task"> <span
                                class="desc">Preparing new release</span> <span class="percent">30%</span> </span>

                            <div class="progress progress-small">
                                <div style="width: 30%;" class="progress-bar progress-bar-info"></div>
                            </div>
                        </a></li>
                        <li><a href="javascript:void(0);"> <span class="task"> <span
                                class="desc">Change management</span> <span class="percent">80%</span> </span>

                            <div class="progress progress-small progress-striped active">
                                <div style="width: 80%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </a></li>
                        <li><a href="javascript:void(0);"> <span class="task"> <span class="desc">Mobile development</span> <span
                                class="percent">60%</span> </span>

                            <div class="progress progress-small">
                                <div style="width: 60%;" class="progress-bar progress-bar-success"></div>
                            </div>
                        </a></li>
                        <li><a href="javascript:void(0);"> <span class="task"> <span class="desc">Database migration</span> <span
                                class="percent">20%</span> </span>

                            <div class="progress progress-small">
                                <div style="width: 20%;" class="progress-bar progress-bar-warning"></div>
                            </div>
                        </a></li>
                        <li class="footer"><a href="javascript:void(0);">View all tasks</a></li>
                    </ul>
                </li>
                <li class="dropdown hidden-xs hidden-sm"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-envelope"></i> <span class="badge">1</span> </a>
                    <ul class="dropdown-menu extended notification">
                        <li class="title"><p>You have 3 new messages</p></li>
                        <li><a href="javascript:void(0);"> <span class="photo"><img src="assets/img/demo/avatar-1.jpg"
                                                                                    alt=""/></span> <span
                                class="subject"> <span class="from">Bob Carter</span> <span
                                class="time">Just Now</span> </span> <span
                                class="text"> Consetetur sadipscing elitr... </span> </a></li>
                        <li><a href="javascript:void(0);"> <span class="photo"><img src="assets/img/demo/avatar-2.jpg"
                                                                                    alt=""/></span> <span
                                class="subject"> <span class="from">Jane Doe</span> <span
                                class="time">45 mins</span> </span> <span class="text"> Sed diam nonumy... </span> </a></li>
                        <li><a href="javascript:void(0);"> <span class="photo"><img src="assets/img/demo/avatar-3.jpg"
                                                                                    alt=""/></span> <span
                                class="subject"> <span class="from">Patrick Nilson</span> <span class="time">6 hours</span> </span>
                            <span class="text"> No sea takimata sanctus... </span> </a></li>
                        <li class="footer"><a href="javascript:void(0);">View all messages</a></li>
                    </ul>
                </li>
                <li><a href="#" class="dropdown-toggle row-bg-toggle"> <i class="icon-resize-vertical"></i> </a></li>
                <li class="dropdown"><a href="#" class="project-switcher-btn dropdown-toggle"> <i
                        class="icon-folder-open"></i> <span>系统</span> </a></li>
                <li class="dropdown user"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-male"></i> <span class="username">管理员</span> <i class="icon-caret-down small"></i>
                </a>
                    <ul class="dropdown-menu">
                        <li><a href="pages_user_profile.html"><i class="icon-user"></i> 简介</a></li>
                        <li><a href="pages_calendar.html"><i class="icon-calendar"></i> 日历</a></li>
                        <li><a href="#"><i class="icon-tasks"></i>任务</a></li>
                        <li class="divider"></li>
                        <li><a href="login.html"><i class="icon-key"></i> 退出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div id="project-switcher" class="container project-switcher">
            <div id="scrollbar">
                <div class="handle"></div>
            </div>
            <div id="frame">
                <ul class="project-list" >

                    <wicket:container wicket:id="systemListView">

                     </wicket:container>
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-desktop"></i></span> <span-->
                            <!--class="title" wicket:id="test">客户关系管理</span> </a></li>-->


                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-compass"></i></span> <span-->
                            <!--class="title">救助管理</span> </a></li>-->
                    <!--<li class="current"><a href="javascript:void(0);"> <span class="image"><i class="icon-male"></i></span>-->
                        <!--<span class="title">人力资源管理</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-thumbs-up"></i></span> <span-->
                            <!--class="title">财务管理</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-female"></i></span> <span-->
                            <!--class="title">城市规划系统</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-beaker"></i></span> <span-->
                            <!--class="title">内容管理系统</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-desktop"></i></span> <span-->
                            <!--class="title">电商管理系统</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-compass"></i></span> <span-->
                            <!--class="title">呼叫中心</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-male"></i></span> <span-->
                            <!--class="title">文档管理</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-thumbs-up"></i></span> <span-->
                            <!--class="title">智能办公</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-female"></i></span> <span-->
                            <!--class="title">收银系统</span> </a></li>-->
                    <!--<li><a href="javascript:void(0);"> <span class="image"><i class="icon-beaker"></i></span> <span-->
                            <!--class="title">系统管理</span> </a></li>-->
                </ul>
            </div>
        </div>
    </header>

</wicket:panel>
</body>
</html>